;(function(){
	$('#datepicker3').datepicker({format: 'yyyy-mm-dd' , language:"zh-CN"});
	$('.select2-single').select2({placeholder: "请选择门店"});
//功能按钮监听事件
$(".menu_buttons .menu_3").on("click",function(){});
///////////////////////数据表格////////////////////////////
//统一点击删除弹出对话框
	var userManage = {
		
    currentItem : null,
    fuzzySearch : false,
    getQueryCondition : function(data) {
		  var param = {};
	        //组装排序参数
	        if (data.order&&data.order.length&&data.order[0]) {
	            switch (data.order[0].column) {
	            }
	            param.orderDir = data.order[0].dir;
	        }
						param.member_mobile=$("#myform #member_mobile").val();
						param.member_name=$("#myform #member_name").val();
						param.shop_id=$("#shop_id").val();
						param.start_date=$("#start_date").val();
						param.end_date=$("#end_date").val();
	        //组装分页参数
	        param.startIndex = data.start;
	        param.pageSize = data.length;
	        return param;
	},

	}
	
    var $table = $('#data-table');
    var _table = $table.dataTable($.extend(true,{},CONSTANT.DATA_TABLES.DEFAULT_OPTION, {
        ajax : function(data, callback, settings) {//ajax配置为function,手动调用异步查询
            //手动控制遮罩
            //封装请求参数
            var param = userManage.getQueryCondition(data);
             $("#excel_param").val($.param(param));
            loading();
            $.ajax({
                    type: "GET",
                    url: "/admin/FaceTouch/ajax_index",
                    cache : false,  //禁用缓存
                    data: param,    //传入已封装的参数
                    dataType: "json",
                    success: function(result) {
                        //setTimeout仅为测试延迟效果
                        setTimeout(function(){
                            //异常判断与处理
                            if (result.errorCode) {
                                toastr['error']("查询失败errorCode:"+result.errorCode);
                                close_loading();
                                return;
                            }
 
                            //封装返回数据，这里仅演示了修改属性名
                            var returnData = {};
                            returnData.draw = data.draw;//这里直接自行返回了draw计数器,应该由后台返回
                            returnData.recordsTotal = result.total;
                            returnData.recordsFiltered = result.total;//后台不实现过滤功能，每次查询均视作全部结果
                            returnData.data = result.pageData;
                            //关闭遮罩
                            //调用DataTables提供的callback方法，代表数据已封装完成并传回DataTables进行渲染
                            //此时的数据需确保正确无误，异常判断应在执行此回调前自行处理完毕
                            callback(returnData);
                        },200);
                        close_loading();
                    },
                    error: function(XMLHttpRequest, textStatus, errorThrown) {
                       toastr['error']("查询失败");
                       close_loading();
                    }
                });
        },
        columns: [
            CONSTANT.DATA_TABLES.COLUMN.CHECKBOX,
             {
              	  data : "member_mobile",
              	   render :  CONSTANT.DATA_TABLES.RENDER.ELLIPSIS,//会显示省略号的列，需要用title属性实现划过时显示全部文本的效果
           	 },
            {
                data: "member_name",
                render :  CONSTANT.DATA_TABLES.RENDER.ELLIPSIS,//会显示省略号的列，需要用title属性实现划过时显示全部文本的效果
           	 },
           	  {
                data: "reservation_status",
                render :  function(data){
                	if(data==1){
                		return "入场";
                	}else if(data==2){
                		return "出场";
                	}else{
                		return data;
                	}
                }
           	 },
           	  {
                data: "create_time",
                render :  CONSTANT.DATA_TABLES.RENDER.ELLIPSIS,//会显示省略号的列，需要用title属性实现划过时显示全部文本的效果
           	 },
           	  {
                data: "image_url",
                render :  function(data){
                	if(data==null || data.length<5){
                		return "暂无图片";
                	}else{
                		if(data.length<10){
                			return "暂无图片";
                		}
                		data=data.split(",");
				    	if(data.length==1){
				    		return "<img  style='width:100px;height:100px;transform:rotate(0deg);-webkit-transform:rotate(0deg);' class='onclickofimg' src='"+data[0]+"' />"
				    	}else{
	    					if(data[0].length<10){
	    						if(data[1].length<10){
	    							return "暂无图片";
	    						}else{
	    							return "<img  style='width:100px;height:100px;transform:rotate(0deg);-webkit-transform:rotate(0deg);' class='onclickofimg' src='"+data[1]+"' />"
	    						}
	    					}else{
	    						if(data[1].length<10){
	    							return "<img  style='width:100px;height:100px;transform:rotate(0deg);-webkit-transform:rotate(0deg);' class='onclickofimg' src='"+data[0]+"' />"
	    						}else{
	    							return "<img  style='width:100px;height:100px;transform:rotate(0deg);-webkit-transform:rotate(0deg);' class='onclickofimg' src='"+data[0]+"' />"+ "<img  style='width:100px;height:100px;transform:rotate(0deg)' class='onclickofimg' src='"+data[1]+"' />"
	    						}
	    					}
	    				}
                	}
                }
           	 },
        ],
        "createdRow": function ( row, data, index ) {
        },
        "drawCallback": function( settings ) {
           // $(":checkbox[name='cb-check-all']",$wrapper).prop('checked', false);
            //默认选中第一行
           // $("tbody tr",$table).eq(0).click();
        }
    })).api();//此处需调用api()方法,否则返回的是JQuery对象而不是DataTables的API对象
     $("#myform  #btn-advanced-search").click(function(){
			_table.draw();
		});
		
		//行点击事件
		$("tbody",$table).on("click","tr",function(event) {
			$(this).addClass("active").siblings().removeClass("active");
			//获取该行对应的数据
			var item = _table.row($(this).closest('tr')).data();
	    });
	    
	    //行点击事件
		$("tbody",$table).on("click","tr .onclickofimg",function(event) {
			event.preventDefault();
	        $('.modal-title').empty();
	        $('.modal-body').empty();
	    
	        var title = $(this).siblings('h4').html();
	        $('.modal-title').html(title);
	    	
	    	var srcs=$(this).attr("src");
	    	if(srcs.indexOf(",")<1){
	    		var img= '<img class="img-responsive" alt="图片不存在" style="transform:rotate(0deg);margin: 0 auto;" src=' +$(this).attr("src")+ '></img>';
	    		$(img).appendTo('.modal-body');
	    	}else{
	    		srcs=srcs.split(",");
	    		var img1= '<img class="img-responsive" alt="图片不存在" style="transform:rotate(0deg);margin:0 auto" src=' +srcs[0]+ '></img>';
	    		var img2= '<img class="img-responsive" alt="图片不存在" style="transform:rotate(0deg);margin:0 auto" src=' +srcs[1]+ '></img>';
	    		$(img1).appendTo('.modal-body');
	    		$(img2).appendTo('.modal-body');
	    	}
	        $('#gallarymodal').modal({show:true});
		});
})()
